.real {
  color: #000000;
  font-weight: 700;
  left: 25px;
  text-indent:2%
  /*text-align: right;*/
}

#main {
  width: 90%;
  height: 450px;
  padding-left: 5%;
  /*location: absolute;*/
}
#sys-distribution {
  width: 600px;
  height: 450px;
}

#library {
  width: 250px;
  height: 200px;
}
#dorm1 {
  width: 250px;
  height: 200px;
}
#dorm2 {
  width: 250px;
  height: 200px;
}
#office {
  width: 250px;
  height: 200px;
}

.title {
  background-color: #40afcd;
  height: 30px;
  font-size: 16px;
  text-indent: 3%;
}

#sys-lighting {
  width: 600px;
  height: 450px;
  padding-left: 5%;
}

#sys-air,#sys-elevator {
  width: 600px;
  height: 450px;
  padding-left: 5%;
}

.panel1 {
  width:320px;
  height: 150px;
  background-color: silver;
  border-radius: 5px;
  /*padding-left: 50px;*/
}

.panel2 {
  width:320px;
  height: 150px;
  background-color: #229999;
  border-radius: 5px;
}

.panel3 {
  width:320px;
  height: 150px;
  background-color: #858ee8;
  border-radius: 5px;
}

.ms-u-sm-4, .ms-u-md-12, .ms-u-lg-4 {
  padding-left: 80px;
}

.label {
  padding-top: 15px;
  padding-left: 2px;
  font-weight: bold;
  color: white;
  text-indent: 5%;
}

.number {
  padding-left: 180px;
  font-weight: bold;
  font-size: 35px;
  color: white;
}

#region-A,#region-B,#region-C,#region-D {
  width:220px;
  height: 120px;
  border-color: #9d9d9d;
  background-color: #d9d9d9;
  border-radius: 5px;
  /* box-shadow: 10px 10px 5px #888888; */
  /* padding-left:30px; */
}
.table-head {
  line-height: 13px;
  padding-top: 10px;
  padding-left: 20px;
}
.ms-u-lg-3 {
  padding-left: 60px;
}
.detail {
  padding-left: 50px;
}

td {
  width: 70px; 
  height: 16px;
  text-align: left;
  font-size: 15px;
}